<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>少年出行网</title>
    <link rel="stylesheet" href="../static/css/Home.css">
    <script src="../static/js/jquery-3.7.1.js"></script>
</head>
<body>
    <div id="djt">
        <div id="db">
            <h1>少年出行网</h1>
        </div>
        <div id="dh">
            
                <ul>
                    <li><a href="#">黑龙江</a></li>
                    <li><a href="{{ url_for('HaiNan') }}">海南</a></li>
                    <li><a href="#">重庆</a></li>
                    <li><a href="#">四川</a></li>
                    <li><a href="#">台湾</a></li>
                    <li><a href="#">山东</a></li>
                    <li><a href="#">吉林</a></li>
                    <li><a href="#">河北</a></li>
                    <li><a href="#">北京</a></li>
                    <li><a href="#">天津</a></li>
                    <li><a href="#">江苏</a></li>
                    <li><a href="#">安徽</a></li>
                    <li><a href="#">浙江</a></li>
                    <li><a href="#">江西</a></li>
                    <li><a href="#">上海</a></li>
                    <li><a href="#">福建</a></li>
                    <li><a href="#">广东</a></li>
                    <li><a href="#">广西</a></li>
                    <li><a href="#">云南</a></li>
                    <li><a href="#">贵州</a></li>
                    <li><a href="#">湖南</a></li>
                    <li><a href="#">辽宁</a></li>
                    <li><a href="#">青海</a></li>
                    <li><a href="#">内蒙古</a></li>
                    <li><a href="#">新疆</a></li>
                    <li><a href="#">西藏</a></li>
                    <li><a href="#">甘肃</a></li>
                </ul>
                
        </div>
        <div id="nr">
            <div id="dbj">
                <div class="search-container">
                    <input type="text" placeholder="请输入城市名称...">
                    <button type="submit">前往城市攻略</button>
                </div>   
            </div>
            <div id="rd">
                <div class="rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
            </div>
            <div id="rdph">
                <h1 id="rdph-h1">热门城市排行榜</h1>
                <ul id="rdph-ul">
                    <li class="rdph-li">1、城市1</li>
                    <li class="rdph-li">2、城市1</li>
                    <li class="rdph-li">3、城市1</li>
                    <li class="rdph-li">4、城市1</li>
                    <li class="rdph-li">5、城市1</li>
                    <li class="rdph-li">6、城市1</li>
                    <li class="rdph-li">7、城市1</li>
                    <li class="rdph-li">8、城市1</li>
                    <li class="rdph-li">9、城市1</li>
                </ul>
            </div>
        </div>
        <div id="gg">
            这里是广告
        </div>
    </div>
</body>
</html>
